div
{
width:100%;
/* border: 1px solid red; */
}
.div_style
{
margin:auto;
width:95%;

}
#div_top
{
min-height: 150px;
}
#div_advantage
{
/* min-height: 302px; */
}
.div_objectStyle
{
width: 45%;
/* margin: 15px; */
height: 140px;
/* border: 1px solid red; */
display: inline-block;

}
.h4_object
{
color: #222222;font-size: 16px;
ext-align: center;margin:10px;
}
.div_objectStyle:hover
{
cursor: pointer;
background-color: white;

}
.div_objectStyle:hover .img_objectStyle
{
opacity:1;
transform:scale(1.1);


}
.img_objectStyle
{
width:100%;opacity:.7;
transition:all .5s ease-in-out;
}
#div_object
{
background-image: url("../img/objectBg.jpg");
background-repeat: no-repeat;
background-size: 100%;
/* min-height: 691px; */
}
.div_objectImg
{
height:48%;background-color:black;overflow:hidden;
}
#div_recommended
{
/* min-height: 619px; */
}
#div_active
{
background-image:url("../img/activePg.jpg");
background-size: 100%;
min-height:330px;
}
#div_connect
{
/* min-height: 640px; */
}
#div_advantageConnect
{
position: relative;
width: 37%;
margin: 15px;
/* padding: 30px; */
display: inline-block;
/* height:25%; */
text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
box-shadow:  hsla(0, 0%, 0%, 0.89) 0 0 1px;
/* border: 0px ; */
/* transition:all 30s ease-in-out; */

}
.iconStyle
{
float:right;margin-top:10px;font-size:30px;
}
.fa-bars
{
display:block;
}
.fa-times
{
display: none;
}
#div_img
{
height: 75%;
overflow: hidden;
width: 100%;
}
#div_advantageConnect:hover
{
cursor:pointer;
}
#div_advantageConnect:hover #div_foot
{

width:100%;

background-color: #8834a1;
}
#div_advantageConnect:hover  #img_style
{

width:105%;
}
#div_advantageConnect:hover .h3_style
{
color:#8834a1;
}
#div_foot
{
position: absolute;
bottom: 0;
height: 2px;
transition:all 1s ease-in-out;
width:0px;
}
#img_style
{
transition:all 1s ease-in-out;
width:100%;
}
.p_style
{
font-size:13px;
color: #999;
margin:4px;
word-wrap:break-word;
width:100%;
}
.h3_style
{
color: #333;
font-size: 20px;
font-weight: 500;
margin: 5px 8px;
}

.recommended
{
width:100%;
position:relative;
cursor: pointer;
overflow: hidden;

}
.h3_recommendedFont{
font-weight: 500;
margin: 10px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 20px;
color: #666;
text-align: center;
}
.recommended:hover .div_recommendedFont{
bottom: 0px;

}
.div_recommendedFont
{
transition: all 1s ease-in-out;
position:absolute;
opacity:.9;
bottom:-130px;
z-index:999;
background-color:white;
width:100%;
}
.p_recommendedFont
{
color: #bbb;
padding-bottom: 0px;
line-height: 1.8em;
word-wrap: break-word;
font-size:13px;
}
input,textarea
{
display:block;
outline:none;
border: none;
border-bottom: 1px solid rgb(191, 191, 191);
/* margin: 10px; */
color: #76838f;
background-color: #6f2268;
width: 95%;
height: 36px;
padding: 10px 15px;
font-size: 14px;
}
button
{
display:block;
outline:none;
border-color: #6f2268;
/* border: none;
border-bottom: 1px solid rgb(191, 191, 191); */
/* margin: 10px; */
margin-top: 20px;
color: #76838f;
background-color: #6f2268;;
width: 100%;
height: 36px;
padding: 10px 15px;
font-size: 14px;
}
textarea
{
height:100px;
}
#div_activeForm
{
/* width: 97%; */
}
#div_menue
{
min-height: 5%;
width: 100%;
z-index:999999;
position:fixed;
top: 0;
background-color: white;
/* overflow: hidden; */
left: 0;
}
.img_log
{
height: 100%;
width: 100%;

}
.div_nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
/*width: 100%;*/
/*overflow: hidden;*/


}
.div_style
{
width:85%;
/* text-align:center; */
/* background-color: #8834a1; */
/* margin:auto; */
}
.div_nav li
{
/* float: left; */
}
.div_nav
{
font-size:1.15vh; 
font-size:1.15vw; 
/* width: 60%; */
margin-top: 30px;
text-align: left;
float:left;
display: none;
transition: all 2s ease-in-out;
}
.a_menueStyle,a:link,a:visited
{
display:block;
padding-top: 5px;
font-size: 16px;
padding-bottom: 20px;
color:black;
/* text-align:center; */
text-decoration:none;/*无下划线*/
text-transform:uppercase;/*大写有效*/
}
#div_topImg
{
height:100%;margin-top:10px;float:left;
width:30%;
}
a:hover,a:active
{   color: #8834a1;
}
.div_nav ul li ul { position:absolute; width:150px; background:#8834a1;display:none;overflow:hidden}
.div_nav ul li ul li { float:none; transition:all 5s ease-in-out;  }/*不漂浮*/
.div_nav ul li ul li a { border-right:none;border-top:1px solid #ccc;position: relative; animation:mymove .5s 1; width: 150px;}
.div_nav ul li ul li a:hover{color:#8834a1;background-color: white; }
.div_nav ul li:hover ul{ display:block;}
@keyframes mymove
{
from {margin-left:-60px}
to {margin-left:0}
}
#select_connect
{
width: 100%;
display:block;
outline:none;
border: none;
border-bottom: 1px solid rgb(191, 191, 191);
/* margin: 10px; */
color: white;
background-color: #6f2268;
/* width: 95%; */
height: 45px;
padding: 5px 15px;
font-size: 14px;
}
option
{
background: white;
color: black;
}
#div_connect{
background-color: #6f2268;
/* position: relative; */
margin: 0px;
}
input::placeholder
{
color: white;
}
textarea::placeholder
{
color: white;
}
#div_connectAddress
{
width:97%;
padding-top: 50px;
}
.span_connect
{
color:rgb(191, 191, 191);
font-size:16px;
display:block;
}
#span_connect
{
font-size: 20px;
color: rgb(255, 255, 255);
}
#div_footer
{
background:#6f2268;
border-top:1px solid #5a5a5a;
    /* margin-bottom: 0px; */
height:100%; 
margin-top:auto;
color: white;
font-size: 14px;
width:100%;
}
